

<HTML>
<HEAD>
<TITLE>Eighth Test of Section 11.1 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">



#id1 {clip: rect(5px, 10px, 10px, 5px);}
#id2 {clip: rect(5px, -5px, 10px, 5px);}

</STYLE>
</HEAD>




<BODY>
<!--
<h1 >
Testing Eighth Testable Statement of Sec 11.1 of CSS2 Specification
</h1>


<ul>
<li  >
8. Rectangular clipping regions will be defined.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #8 above is passed, then
-->
<p id="id1">
This paragraph will be clipped in the rectangular region defined by
coordinates: (0,0), (50,0), and (0,55).
Rule is "p {clip: rect(5px, 10px, 10px, 5px); }
<p id="id2">
This paragraph will be clipped in the rectangular region defined by
coordinates: (0,0), (50,0), (0,55).
Rule is "p {clip: rect(5px, -5px, 10px, 5px)}".
<!--
All other properties of this page should be UA-default.
Your browser rendering of this page should look similar to this <a href="c83201.gif"> 
reference image </a> or to this <a href="d83201.gif">reference image</a>.
-->


</BODY>
</HTML>

